<!DOCTYPE html>
<html>
<head>
    <link href="Metro-UI-CSS-master/docs/css/metro-bootstrap.css" rel="stylesheet">
    <link href="../library/css/metro-bootstrap-responsive.css" rel="stylesheet">
    <!-- Load JavaScript Libraries -->
    <script src="../library/js/jquery.min.js"></script>
    <script src="../library/js/jquery.widget.min.js"></script>


    <!-- Metro UI CSS JavaScript plugins -->
    <script src="../library/js/metro-loader.js"></script>
	<script src="../library/js/metro-datepicker.js"></script>
    <title>Metro UI CSS : Metro Bootstrap CSS Library</title>
</head>
<body class="metro">
    <div class="span3">
        <div class="input-control text" data-role="datepicker" data-date="2013-11-13" data-effect="slide">
            <input type="text">
            <button class="btn-date"></button>
        </div>
    </div>

</body>
</html>